<template>
        <div class="list-grid">
            <div class="list-item list-item-hero">
                <img src="https://titles.trackercdn.com/destiny/img/destiny_content/pgcr/empire-hunt-chili.jpg" class="list-item_hero" alt="">
                <img src="https://titles.trackercdn.com/destiny/img/misc/missing_icon_d2.png" class="list-item_icon" alt="">
                    <div class="list-item_details">
                        <a href="" class="list-item_name"> Empire Hunt:The Technocrat: Master</a>
                        <span class="list-item_subtitle"> Europa</span>
                    </div> 
            </div>
         
        </div>    
        
</template>

<script>
    export default {
        
    }
</script>

<style>
.list-item--hero {
    margin: .75rem 0;
}
.list-item__details{
    display: flex;
    flex-direction: column;
}

.list-item_hero{
    width: 100%;
    width: 405xp;
    height: 100xp;
}
.list-item__details{
    display: flex;
}
</style>